<!DOCTYPE html>
<html lang="zh" class="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>LearnKu 终身编程者的知识社区
    </title>
    <link rel="shortcut icon" href="__IMG__/icon.png"/>
    <!-- Styles -->
    <link href="__CSS__/vendors.css" rel="stylesheet">
    <link href="__CSS__/editormd.css" rel="stylesheet">
    <link href="__CSS__/myself.css" rel="stylesheet">
    <style type="text/css">
        @font-face {
            font-family: 'FontAwesome';
            src:url('__FONT__/FontAwesome.eot');/* IE9*/
            src:url('__FONT__/FontAwesome.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('__FONT__/FontAwesome.woff2') format('woff2'), /* chrome、firefox、opera、Safari, Android, iOS */
            url('__FONT__/FontAwesome.woff') format('woff'), /* chrome、firefox */
            url('__FONT__/FontAwesome.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
            url('__FONT__/FontAwesome.svg#uxFontAwesome') format('svg'); /* iOS 4.1- */
        }
        @media  only screen and (max-width: 450px) {
            #navbox{
                display:none !important;
            }
        }
        @media  only screen and (max-width: 767px) {
            .ui.fluid.category.search {
                display:none !important;
            }
        }
        @media  only screen and (max-width: 967px) {
            #li1,#li2,#li3,#li4 {
                display:none!important;
            }
        }
        .userModel {
          display:block;
          text-align:left;
          background:#fff;
          border:none;
          box-shadow: 1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);
          transform-origin:50% 25%;
          border-radius:.28571429rem;
          margin:30px auto;
          padding:20px;
      }
      #navbox {
        display:flex;
        flex-direction: row;
        margin-left:auto;        
    }
    .selected{
        cursor:pointer;
        background:rgba(0,0,0,.03) !important;
        color:rgba(0,0,0,.95) !important;
    }
    .ui.top.menu {
        border-top: 4px solid #f4645f;
    }
    .text>.item:before{
        width:0 !important;
    }

</style>
<script type="text/javascript" src="__JS__/jquery.js"></script>
<script type="text/javascript" src="__JS__/jquery.validate.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#reg_form").validate({
            rules:{
                oldPa:{
                    required:true,
                    minlength:8,
                    maxlength:16
                },
                password:{
                    required:true,
                    minlength:8,
                    maxlength:16
                },
                pacheck:{
                    equalTo:"#pa"
                },
                agree:{
                    required:true
                }

            },
            messages:{
                oldPa:{
                    required:"<span class='login-tip'>请输入旧密码</span>",
                    minlength:"<span class='login-tip'>最小8位数</span>",
                    maxlength:"<span class='login-tip'>最大16位数</span>"
                },
                password:{
                    required:"<span class='login-tip'>请填写密码</span>",
                    minlength:"<div class='login-tip'>最小8位数</div>",
                    maxlength:"<span class='login-tip'>最大16位数</span>"
                },
                pacheck:{
                    equalTo:"<span class='login-tip'>密码必须一致</span>"
                },
                agree:{
                    required:"<div class='login-tip' style='top:0'>请勾选用户协议</div>"
                }
            }
        })

    })
</script>
</head>

<body class=" auth-register-form-page" style="color:#636b6f;background-color: rgba(240,242, 245)">
    <div class="pusher"  style="margin-bottom:30px;"> 

        <div class="main container">

            <nav class="ui main borderless menu top" id="topnav">
                <div class="ui container" style="height:40px">
                    <div class="item">
                        <img class="ui image" style="width:26px;height:26px;margin-top:-2px;" src="__IMG__/laravel.png">
                        <span class="site-name ml-2 ">Laravel</span>
                    </div>

                    <form class="ui fluid category search item secondary hide-on-991" action="https://learnku.com/search" method="GET">
                      <div class="ui icon input">
                        <input class="prompt" name="q" type="text" placeholder="搜索" value="">
                        <i class="search icon"></i>
                    </div>
                    <div class="results"></div>
                </form>
                <!-- 1803010136 顶部导航栏 -->
                <ul id="navbox">
                    <li><a href="{:url('index/index')}" class="item secondary">首页</a></li>
                    <li id = "forumPage"> <a   href="{:url('index/view')}" class="item secondary">论坛</a>
                        <ul class = 'setList'>
                            {volist name="section" id="sectionItem"}
                            <li><a href="{:url('index/view')}">{$sectionItem.s_name}</a></li>
                            {/volist}
                        </ul>
                    </li>
                    <li > <a href="{:url('index/changepa')}" class="item secondary selected">社区</a></li>
                    <li><a href="{:url('index/me')}" class="item secondary">Wiki</a></li>
                    <li><a href="{:url('user/contact')}" class="item secondary">教程</a></li>
                    <li><a href="{:url('user/contact')}" class="item secondary">文档</a></li>
                    <li id="li4"> <a href="{:url('user/login')}" class="item secondary">登录</a></li>
                    <li id="li3"><a href="{:url('user/reg')}" class="item secondary">注册</a></li>
                    <li id="li2"><a href="{:url('index/logout')}" class="item secondary">注销</a></li>

                    <li id = "li1" class="item secondary"><?=session('name')?"欢迎用户:".session('name'):"请登录"?></li>
                </ul>

            </div>
        </nav>

    </div>
</div>
<!-- start -->
<!-- <div style="min-height:400px">
    <center><h1>门户页面</h1></center>
</div> -->

<div class="ui centered grid stackable container mt-5 pt-3">

  <div class="userModel login small" style="width:350px";>
      <div class="header">
        <h4 class="modal-title ">
            <img class=" display-inline-block mr-2" style="width:32px;height:32px;" src="__IMG__/icon.png"> <span style="position: relative;top: -8px;">请注册</span>
        </h4>
    </div>
    <div class="content">
        <form class="ui form login" name="form" id="reg_form" method="POST" action="{:url('user/doreg')}" accept-charset="UTF-8">
            <div class="field">
              <div class="ui left icon input">
                  <i class="user icon"></i>
                  <input type="text" name="username" placeholder="用户名" value="" required>
              </div>
          </div>  

        <div class="field">
            <div class="ui left icon input">
                <i class="lock icon"></i>
                <input type="password" name="password" id="pa" placeholder="密 码" value="" required>
            </div>
        </div>
        <div class="field">
            <div class="ui left icon input">
                <i class="lock icon"></i>
                <input type="password" name="pacheck"   placeholder="确认密码" value="" required>
            </div>
        </div>
          <div class="field">
            <div class="ui left icon input">
                <i class="envelope icon"></i>
                <input type="text" name="email" placeholder="邮箱" value="" required>
            </div>
        </div>
          <div class="field">
            <div class="ui left icon input">
                <i class="phone icon"></i>
                <input type="text" name="telephone" placeholder="电话" value="" required>
            </div>
        </div>    
     
        <div class="clearfix"></div>
        <div class="ui horizontal divider fs-tiny text-mute" >
           用户须知
        </div>
        
            <label><div id="agreebox"><input type="checkbox" name="agree" />我已阅读并同意<a href="#">《LearnKu用户使用协议》</a></div></label>
        
        
        <button class="ui primary right labeled icon button" id="register" type="submit">
            <i class="right arrow icon"></i>
            注册
        </button>

    </form>

</div>
</div>
</div>

<!-- end -->
<div class="ui inverted vertical footer segment" style="margin-top:30px;">
    <div class="ui center aligned container">
        <div class="ui stackable inverted divided grid">
            <div class="four wide column">
                <h4 class="ui inverted header">
                    <img src="__IMG__/icon2.png" alt="" style="width: 32px;border-radius: 6px;position: relative;top: -5px;">
                    关于 LearnKu
                </h4>
                <div class="ui inverted  text-center">
                    <div class="lh-3">LearnKu 是终身编程者的修道场</div>
                    <div class="lh-3">摒弃世俗浮躁，追求技术精湛</div>
                </div>

                <div class="ui inverted  text-center mt-3 rm-link-color tdu">
                    <i class="icon birthday"></i> <a href="https://learnku.com/articles/28735" >LearnKu 诞生的故事</a>
                </div>
            </div>
            <div class="four wide column">
                <h4 class="ui inverted header">资源推荐</h4>
                <div class="ui inverted link list">
                    <li class="mb-1">
                        <a class="item" href="https://learnku.com/docs/guide">
                            《社区使用指南》
                        </a>
                    </li>
                    <li class="mb-1">
                        <a class="item" href="https://learnku.com/docs/writing-docs">
                            《文档撰写指南》
                        </a>
                    </li>
                    <li class="mb-1">
                        <a class="item" href="https://learnku.com/docs/guide/protocol/4992">
                            《LearnKu 社区规范》
                        </a>
                    </li>
                </div>
            </div>
            <div class="four wide column">
                <h4 class="ui inverted header">赞助商</h4>
                <div class="ui inverted link list">
                    <a href="https://passport.ucloud.cn/?invitation_code=rami45zj5kpm&amp;ytag=reZ5E7" rel="nofollow noopener noreferrer" class="item" target="_blank" style="line-height: 28px;">
                        <img src="__IMG__/sponsor1.png" title="本站服务器由 UCloud 赞助" class="ui popover" style="height: 20px;margin-bottom: -4px;margin-right: 3px;display: inline-block;">
                    </a>
                    <a href="https://www.upyun.com/" rel="nofollow noopener noreferrer" class="item" target="_blank" style="line-height: 28px;">
                        <img src="__IMG__/sponsor2.png" title="社区 CDN 赞助商" class="ui popover" style="height: 20px;margin-bottom: -4px;margin-right: 3px;display: inline-block;">
                    </a>
                    <a href="http://www.sendcloud.net/" rel="nofollow noopener noreferrer" class="item" target="_blank" style="line-height: 28px;">
                        <img src="__IMG__/sponsor3.png" title="订阅邮件赞助商：SendCloud" class="ui popover" style="height: 20px;margin-bottom: -4px;margin-right: 3px;display: inline-block;">
                    </a>
                </div>
            </div>
            <div class="four wide column">
                <h4 class="ui inverted header">其他信息</h4>
                <div class="ui inverted link list">

                    <li>
                        <a class="item" href="https://learnku.com/contact?code=outsource">
                            <i class="icon thumbs up"></i> 软件外包
                        </a>
                    </li>
                    <li>
                        <a class="item" href="https://learnku.com/docs/guide/administrator/4485" >
                            <i class="icon heartbeat"></i> 成为版主
                        </a>
                    </li>
                    <li>
                        <a class="item" href="https://learnku.com/quizzes" >
                            <i class="icon wpforms"></i> 所有测验
                        </a>
                    </li>
                    <li>
                        <a class="item" href="https://learnku.com/contact">
                            <i class="icon wechat" aria-hidden="true" ></i> 联系站长（反馈建议）
                        </a>
                    </li>
                </div>
            </div>
        </div>

        <div class="ui inverted section divider"></div>
        <div style="color: rgb(137, 137, 140);font-size:0.9em;"  class="rm-link-color">
            <p>
                <a href="http://beian.miit.gov.cn/" target="_blank">粤ICP备18099781号-6</a>
                <span class="mx-2">|</span>
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030502004330" target="_blank"><img src="__IMG__/copyright.png" width="20" style="position: relative;top: 4px;"> 粤公网安备 44030502004330号</a>
                <span class="mx-2">|</span>
                <a href="https://learnku.com/lk">违法和不良信息举报</a>
            </p>
            <p style=" margin-top:-8px;margin-bottom: -0px;" class="ui inverted signature">
              由 <a href="https://learnku.com/contact" target="_blank" style="color: inherit;">Summer</a> 设计和编码 <span style="color: #e27575;font-size: 14px;">❤</span>
          </p>
      </div>
  </div>
</div>

<script type="text/javascript">
    let forumPage = document.querySelector('#forumPage')
    let setList = document.querySelector('.setList')
    forumPage.onmouseover = function(){
        setList.style.display = 'flex'
    }
    forumPage.onmouseout = function(){
        setList.style.display = 'none'
    }

</script>
</body>

</html>